Esempio: API HTML5

Il progetto di esempio contiene vari controlli HTML5 configurati. La funzionalità dei controlli HTML5 è facilmente riconoscibile in

I controlli sono solo a scopo dimostrativo. Ecco perché hanno un aspetto semplice

Pulsante demo HTML5

Questo controllo mostra come valutare le azioni del mouse tramite un controllo HTML5 e inoltrarle a IEC tramite la configurazione di input. È possibile eseguire gli eventi di input configurati OnMouseDown, OnMouseUpe OnMouseMove.

Combobox dimostrativo HTML5

Questo controllo mostra come utilizzare un'enumerazione IEC in una casella combinata. L'esempio mostra comegetTypeDesc) da una variabile. Mostra anche come trasferire e utilizzare colori e caratteri.

Immagine demo HTML5

Questo controllo mostra come utilizzare le immagini in un controllo HTML5.

Tabella demo HTML5

Questo controllo mostra come visualizzare e modificare un array IEC in un controllo HTML5. I dati vengono trasmessi in modo ottimizzato. Viene trasmessa solo un'area specifica. Questa soluzione è possibile anche per matrici più grandi con molte righe. È possibile modificare i valori delle celle nella tabella e, di conseguenza, modificare i valori delle variabili di matrice

Tabella demo HTML5 senza intervallo di scorrimento

Questo controllo mostra come visualizzare e modificare un array IEC in un controllo HTML5. L'intero array viene trasferito quando un valore nell'array viene modificato. È possibile modificare i valori delle celle e, di conseguenza, modificare i valori delle variabili dell'array.

Campo di testo dimostrativo HTML5

Questo controllo mostra come diversi tipi di valori scalari IEC possono essere gestiti in entrambe le direzioni (lettura/scrittura).

Indicatore a ciambella dimostrativo HTML5

Questo controllo mostra come usare un elemento HTML5 con la libreria d3. Le dimensioni modificabili dell'area del riquadro vengono trasferite direttamente tramite larghezza e altezza. È costituito da un display e da un pulsante per il trascinamento

Indicatore della barra dimostrativa HTML5

Questo controllo mostra come usare un elemento HTML5 con la libreria d3. Le dimensioni modificabili dell'area del riquadro vengono trasferite direttamente tramite larghezza e altezza. Viene visualizzato un elemento a barra modificabile